﻿<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>智能净水器</title>
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">
    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="智能净水器" />
    <meta name="msapplication-TileColor" content="">
    <link rel="stylesheet" href="css/smart_style.css">
    <script src="../../script/TouchSlide.1.1.js"></script>
    <script src="../../script/zepto.min.js"></script>
</head>
<body>
    <div class="header" id="header">
        <a class="new-a-back" href="index.html"><span></span></a>
        <h2>智能净水器</h2>
    </div>
  <!--   <div id="slideBox" class="slideBox">
        <div class="bd">
            <ul>
                <li><a href="#"><img src="/wxapp/smart/images/temp/ban2.jpg" /></a></li>
                <li><a href="#"><img src="/wxapp/smart/images/temp/ban1.jpg" /></a></li>
                <li><a href="#"><img src="/wxapp/smart/images/temp/ban3.jpg" /></a></li>
                <li><a href="#"><img src="/wxapp/smart/images/temp/ban4.jpg" /></a></li>
            </ul>
        </div>
        <div class="hd"><ul></ul></div>
    </div> -->
    <!-- <div class="water_title"><span>YYT-ZN896型</span></div> -->
    <div class="water_status">
        <div class="status_title"><span>运行状态<i class="down_wirte_icon"></i></span></div>
        <div class="status_tips">
            <span>
                <b><strong>19</strong><font>PPM</font></b>
                <samp>当前水质</samp>
            </span>
            <p><a href="tds.html">TDS排名</a></p>
        </div>
        <div class="status_list">
            <ul class="clearfix">
                <li><b>水满</b><span>当前状态</span></li>
                <li><b>145<font>PPM</font></b><span>原水TDS值</span></li>
                <li><b>优</b><span>当前净化等级</span></li>
            </ul>
        </div>
    </div>
    <div class="filter_status">
        <div class="filter_title"><span>虑芯状态<i class="down_icon"></i></span></div>
        <!--PP棉 start-->
        <div class="filter_item">
            <div class="filter_bar red_bar">
                <b class="progress_bar" style="width:10%;"></b>
                <input type="button" value="需预约" class="btn_required" onclick="window.location.href = 'pp.html';" />
                <span><i class="time_icon"></i>约5天</span>
            </div>
            <p>PP棉</p>
        </div>
        <!--PP棉 end-->
        <div class="filter_item">
            <div class="filter_bar ">
                <b class="progress_bar" style="width:25%;"></b>
                <input type="button" value="需预约" class="btn_required" />
                <span><i class="time_icon"></i>约8天</span>
            </div>
            <p>前置活性碳</p>
        </div>
        <div class="filter_item">
            <div class="filter_bar green_bar">
                <b class="progress_bar" style="width:85%;"></b>
                <!-- <input type="button" value="需预约" class="btn_required" /> -->
                <span><i class="time_icon"></i>125天</span>
            </div>
            <p>RO反渗透膜</p>
        </div>
        <div class="filter_item">
            <div class="filter_bar green_bar">
                <b class="progress_bar" style="width:95%;"></b>
                <!-- <input type="button" value="需预约" class="btn_required" /> -->
                <span><i class="time_icon"></i>185天</span>
            </div>
            <p>后置活性碳</p>
        </div>
    </div>
    <div class="intelligent_control">
        <div class="filter_title"><span>智能控制<i class="down_icon"></i></span></div>
        <div class="control_op clearfix">
            <span><font><i class="quit_icon"></i>关机</font></span>
            <b><font><i class="rinse_icon"></i>冲洗</font></b>
        </div>
    </div>
</body>
</html>
<script type="text/javascript">
    $(document).ready(function () {
        TouchSlide({
            slideCell: "#slideBox",
            titCell: ".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
            mainCell: ".bd ul",
            effect: "leftLoop",
            autoPage: true,//自动分页
            autoPlay: true //自动播放
        });
    });
</script>